<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="renderer" content="webkit"/><!-- 让360浏览器默认选择webkit内核 -->
	
	
	

    <title>Guns - 登录</title>
    
    

    <!-- 全局css -->
    <link rel="shortcut icon" href="${ctxPath}/static/favicon.ico">
    <link href="${ctxPath}/static/css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
    <link href="${ctxPath}/static/css/font-awesome.css?v=4.4.0" rel="stylesheet">
    <link href="${ctxPath}/static/css/plugins/chosen/chosen.css" rel="stylesheet">
    <link href="${ctxPath}/static/css/plugins/bootstrap-table/bootstrap-table.min.css" rel="stylesheet">
    <link href="${ctxPath}/static/css/plugins/validate/bootstrapValidator.min.css" rel="stylesheet">
    <link href="${ctxPath}/static/css/style.css?v=4.1.0" rel="stylesheet">
    <link href="${ctxPath}/static/css/_fstyle.css" rel="stylesheet">
    <link href="${ctxPath}/static/css/plugins/iCheck/custom.css" rel="stylesheet">
    <link href="${ctxPath}/static/css/plugins/webuploader/webuploader.css" rel="stylesheet">
    <link href="${ctxPath}/static/css/plugins/ztree/zTreeStyle.css" rel="stylesheet">
    <link href="${ctxPath}/static/css/plugins/bootstrap-treetable/bootstrap-treetable.css" rel="stylesheet"/>
    <!-- <link href="${ctxPath}/static/css/plugins/ztree/demo.css" rel="stylesheet"> -->

    <!-- 全局js -->
    <script src="${ctxPath}/static/js/jquery.min.js?v=2.1.4"></script>
    <script src="${ctxPath}/static/js/bootstrap.min.js?v=3.3.6"></script>
    <script src="${ctxPath}/static/js/plugins/ztree/jquery.ztree.all.min.js"></script>
    <script src="${ctxPath}/static/js/plugins/bootstrap-table/bootstrap-table.min.js"></script>
    <script src="${ctxPath}/static/js/plugins/validate/bootstrapValidator.min.js"></script>
    <script src="${ctxPath}/static/js/plugins/validate/zh_CN.js"></script>
    <script src="${ctxPath}/static/js/plugins/bootstrap-table/bootstrap-table-mobile.min.js"></script>
    <script src="${ctxPath}/static/js/plugins/bootstrap-table/locale/bootstrap-table-zh-CN.min.js"></script>
    <script src="${ctxPath}/static/js/plugins/bootstrap-treetable/bootstrap-treetable.js"></script>
    <script src="${ctxPath}/static/js/plugins/layer/layer.js"></script>
    <script src="${ctxPath}/static/js/plugins/chosen/chosen.jquery.js"></script>
    <script src="${ctxPath}/static/js/plugins/iCheck/icheck.min.js"></script>
    <script src="${ctxPath}/static/js/plugins/laydate/laydate.js"></script>
    <script src="${ctxPath}/static/js/plugins/webuploader/webuploader.min.js"></script>
    <script src="${ctxPath}/static/js/common/ajax-object.js"></script>
    <script src="${ctxPath}/static/js/common/bootstrap-table-object.js"></script>
    <script src="${ctxPath}/static/js/common/tree-table-object.js"></script>
    <script src="${ctxPath}/static/js/common/web-upload-object.js"></script>
    <script src="${ctxPath}/static/js/common/ztree-object.js"></script>
    <script src="${ctxPath}/static/js/common/Feng.js"></script>
    <script src="${ctxPath}/static/js/common/globalplus.js"></script>
    
    <link rel="shortcut icon" href="${ctxPath}/static/favicon.ico">
    <link href="${ctxPath}/static/css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
    <link href="${ctxPath}/static/css/font-awesome.css?v=4.4.0" rel="stylesheet">
    <link href="${ctxPath}/static/css/style.css?v=4.1.0" rel="stylesheet">
    <script>if (window.top !== window.self) {
        window.top.location = window.location;
    }</script>
    <script src="${ctxPath}/static/js/jquery.min.js?v=2.1.4"></script>
    <script src="${ctxPath}/static/js/bootstrap.min.js?v=3.3.6"></script>
    
    <link href="${ctxPath}/static/login-register.css" rel="stylesheet" />
	<script src="${ctxPath}/static/login-register.js" type="text/javascript"></script>
	
	
	<!-- 龙跃云 -->
    
	<!-- [EasyUI] -->
	<script type="text/javascript" src="${ctxPath}/static/js/lyy/jquery-easyui-1.4.4/jquery.easyui.min.js" charset="utf-8"></script>
	<!-- [扩展JS] -->
	<script type="text/javascript" src="${ctxPath}/static/js/lyy/extJs.js" charset="utf-8"></script>
	
</head>

<body class="gray-bg">

<div class="middle-box text-center loginscreen">
    <div style="padding: 100px 0px;">
        <div>
            <!-- <h1 class="logo-name">GS</h1> -->
        </div>
        <h2>佛山市节水统计报表</h2>
        <br/>
        <h4 style="color: red;">${tips!}</h4>
        <form  class="m-t" role="form" action="${ctxPath}/login" method="post">
            <div class="form-group">
                <input id="autoname" type="text" name="username" class="form-control" placeholder="用户名" required="">
            </div>
            <div class="form-group">
                <input id="autopwd" type="password" name="password" class="form-control" placeholder="密码" required="">
            </div>
            @if(kaptcha.getKaptchaOnOff() == true){
            <div class="form-group" style="float: left;">
                <div class="col-sm-8" style="padding-left: 0px; padding-right: 0px;">
                    <input class="form-control" type="text" name="kaptcha" placeholder="验证码" required="">
                </div>
                <div class="col-sm-4" style="padding-left: 0px; padding-right: 0px;">
                    <img src="${ctxPath}/kaptcha" id="kaptcha" width="100%" height="100%"/>
                </div>
            </div>
            @}
            <button id="autoClick" type="submit" class="btn btn-primary block full-width m-b">登 录</button>
             <div class="form-group" style="float: left;">
                <div class="checkbox" style="text-align: left">
                    <label>
                        <input type="checkbox" name="remember" style="margin-top: 2px;">记住我
                    </label>
                    <label>
                        <button class="btn btn-primary" data-toggle="button" id="register" onclick="openLoginModal();">注册账号</button>
                    </label>
                    <label>
                        <button class="btn btn-primary" data-toggle="button" id="getbackpw" onclick="openRegisterModal();">找回密码</button>
                    </label>
                </div>
            </div>
            </p>
        </form>
    </div>
</div>
<div class="modal fade login" id="loginModal">
		      <div class="modal-dialog login animated">
    		      <div class="modal-content">
    		         <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                        <h4 class="modal-title">Login with</h4>
                    </div>
                    <div class="modal-body">  
                        <div class="box">
                             <div class="content">
                                <div class="error"></div>
                                <div class="form loginBox">
                                    <form  id="lyy_register" method="post" accept-charset="UTF-8">
                                    <input id="account" class="form-control" type="text" placeholder="用户名" name="account">
                                    <input id="password" class="form-control" type="password" placeholder="密码" name="password">
                                    <input id="company" class="form-control" type="text" placeholder="单位名称（请填写全称）" name="company">
                                    <input id="name" class="form-control" type="text" placeholder="填表人姓名" name="name">
                                    <input id="phone" class="form-control" type="text" placeholder="联系电话" name="phone">
                                    <div class="form-group">
                                        <label for="name">选择用户类型</label>
                                        <select id="UserType"  class="form-control" style="color:#333">
                                          <option value="2">供水企业</option>
                                          <option value="3">非供水企业</option>
                                        </select>
                                     </div>
                                    <input class="btn btn-default btn-login" type="button" value="注册账号" onclick="registerAjax()">
                                    </form>
                                </div>
                             </div>
                        </div>
                        <div class="box">
                            <div class="content registerBox" style="display:none;">
                             <div class="form">
                                <form id="lyy_getback" method="post" html="{:multipart=>true}" data-remote="true" action="/proce/getbackpw" accept-charset="UTF-8">
                                <input id="account" class="form-control" type="text" placeholder="用户名" name="account">
                                <input id="phone" class="form-control" type="text" placeholder="联系电话" name="phone">

                                <input id="password" class="form-control" type="password" placeholder="密码" name="password">
                                <input id="password_confirmation" class="form-control" type="password" placeholder="确认密码" name="password_confirmation">
                                <input class="btn btn-default btn-register" type="button" value="找回密码" name="commit"  onclick="getBackAjax()">
                                </form>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <div class="forgot login-footer">
                            <span>忘记账号信息?
                                 <a href="javascript: showRegisterForm();">跳转找回密码页面</a>
                            </span>
                        </div>
                        <div class="forgot register-footer" style="display:none">
                             <span>还没账号信息?</span>
                             <a href="javascript: showLoginForm();">跳转注册页面</a>
                        </div>
                    </div>        
    		      </div>
		      </div>
		  </div>

<script>
    $(function () {
        $("#kaptcha").on('click', function () {
            $("#kaptcha").attr('src', '${ctxPath}/kaptcha?' + Math.floor(Math.random() * 100)).fadeIn();
        });
        
       
    });
</script>

</body>

</html>
